<script setup>
    import { useRouter } from "vue-router";
    const router=useRouter()
    const onClickLeft = ()=>{
        router.go(-1)
    }
</script>

<template>
    <div>
        <van-nav-bar title="消息通知" left-arrow @click-left="onClickLeft" />
        <ul>
            <li @click="router.push('/coursenotice')">
                <img class="img1" src="" alt="">
                <p>课程通知</p>
            </li>
            <li @click="router.push('/messagenotification')">
                <img class="img1" src="" alt="">
                <p>系统通知</p>
            </li>
            <li @click="router.push('/orderinform')">
                <img class="img1" src="" alt="">
                <p>订单通知</p>
            </li>
        </ul>
    </div>
</template>

<style scoped>
li{
    display: flex;
    height: 150px;
    align-items: center;
    width: 95%;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
}
.img1{
    width: 90px;
    height: 90px;
}
</style>
